<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script src="../vue.js"></script>
</head>
<body>


<!-- .stop 阻止事件向上冒泡
 .prevent 阻止上级 的 a 标签的 href    from 的action 跳转

  v-on:keyup  监听键盘抬起
  v-on:keyup.enter  监听enter按键
  v-on:click.once   只执行第一次事件  -->

<div v-on:click="divClick" id="app">
    111111
    <button @click.stop="btnClick">按钮</button>    <!-- v-on:click  简写 @click  -->
</div>



<script>

    let app = new Vue({
        el: '#app',
        data: {
            message: 'Hello Vue!'
        },
        methods:{
            btnClick:function () {
                console.log("按钮点击了")
            },
            divClick:function () {
                console.log("BOX点击了")

            }
        }
    })
</script>
</body>
</html>